@charset "utf-8";
@import "./public.scss";
header{
    height: vw(113);
}
.icon{
    img{
        width: vw(52);
        height: 100%;
    }
}
    .nei{
        width: vw(750);
        height: vw(454);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        .tu{
            width: vw(705);
            height: vw(260);
            img{
                width: 100%;
                height: 100%;
            }
        }
        .text{
            width: vw(666);
            height: vw(57);
            display: flex;
            justify-content: space-between;
            align-items: center;
            .left{
                font-size: vw(72);
                color: $color;
            }
            .right{
                width: vw(111);
	            height: vw(59);
                background:$color;
                border-radius: vw(59);
                line-height: vw(59);
                text-align:center;
                color: #fff;
            }

        }
        .wen{
            width: vw(666);
            height: vw(36);
            display: flex;
            justify-content: space-between;
            .lf{
               width: vw(212);
               height: vw(36);
               display: flex;
               justify-content: space-between;
                .stear{
                    width: vw(38);
                    height: vw(36);
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                .zi{
                    font-size:vw(30);
                    text-align:center;
                    p{
                        color: #000;
                        span{
                            color: $color;
                        }
                    }
                }
            }
            .rg{
                font-size: vw(26);
                color: #8e8e8e;
            }
        }
    }
    .appropriate{
        width: vw(687);
        height: vw(660);
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-end;
        .yonghu{
            width: vw(666);
            height: vw(67);
            background:$color;
            display:flex;
            margin-top: vw(36);
            justify-content: space-between;
            align-items:center;
            .left{
                width: vw(130);
                height: vw(67);
                line-height: vw(67);
                text-align: right;
                font-size: vw(30);
                color: #fff;
            }
            .right{
                width: vw(40);
                height: vw(67);
                text-align: left;
                font-size: vw(47);
                line-height: vw(67);
                color: #fff;
            }
        }
        .zhengjia{
            width: vw(666);
            height: vw(176);
            display: flex;
            justify-content: space-between;
            .zuo{
                width:vw(177);
                height: vw(176);
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            .you{
                width: vw(465);
                height: vw(170);
                display: flex;
                justify-content: space-between;
                align-items: center;
                .zi{
                    width: vw(273);
                    height: vw(170);
                    display:flex;
                    justify-content: space-between;
                    flex-direction: column;
                    .title{
                        font-size: vw(30);
                    }
                    .thestars{
                        width:vw(300);
                        display: flex;
                        justify-content:flex-start;
                        p{
                            font-size: vw(26);
                            color: #929292;
                        }
                        img{
                            width: vw(180);
                            height: vw(34);
                        }
                    }
                    .distance{
                        font-size: vw(24);
                        color: #929292;
                    }
                    .xainqing{
                        font-size: vw(20);
                        color: $color;
                    }
                }
                .zi1{
                    width: vw(388.5);
                    height: vw(170);
                    display:flex;
                    justify-content: space-between;
                    flex-direction: column;
                    .title{
                        font-size: vw(30);
                    }
                    .thestars{
                        width:vw(300);
                        display: flex;
                        justify-content:flex-start;
                        p{
                            font-size: vw(26);
                            color: #929292;
                        }
                        img{
                            width: vw(180);
                            height: vw(34);
                        }
                    }
                    .distance{
                        font-size: vw(24);
                        color: #929292;
                    }
                    .xainqing{
                        font-size: vw(20);
                        color: $color;
                    }
                }
                
              .btu{
                  width: vw(192);
                  height: vw(170);
                  display: flex;
                  flex-direction: column;
                  justify-content:flex-end;
                  align-items: flex-end;
                  button{
                      width: vw(111);
                      height: vw(59);
                      background:$color;
                      border-radius: vw(59);
                      color: #fff;
                  }
              }
            }
        }
    }
  